<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    <body>
    <div style="width: 600px;height: 700px;border: 2px black solid;margin: 0 auto">
        <div style="width: 600px;height: 150px;background-color: #b4e5e5">
            <div style="line-height: 150px;text-align: center"><a style="text-decoration: none;color: black" href="#"><span style="font-size: 50px;color: red"">目录</span></a></div>
        </div>
        <div style="margin: 0 auto;text-align: center">
        <ol style="font-size: 30px;display: inline-block">
            <li><a style="text-decoration: none;color: black" href="/Conmoice/">{{ resort[0] }}</a></li>
            <li><a style="text-decoration: none;color: black" href="/fairy/">{{ resort[1] }}</a></li>
            <li><a style="text-decoration: none;color: black" href="/Fiction/">{{ resort[2] }}</a></li>
            <li><a style="text-decoration: none;color: black" href="/magazi/">{{ resort[3] }}</a></li>
            <li><a style="text-decoration: none;color: black" href="/Teaching/">{{ resort[4] }}</a></li>
        </ol>
        </div>
    </div>
    </body>
</html>